<template>
  <div>
    <h1>Header</h1>
    <input type="text" v-model="message" />
    <button @click="publish">发布</button>
  </div>
</template>

<script>
export default {
  name: "Header",
  data() {
    return {
      message: "",
    };
  },
  methods: {
    publish() {
      //事件总线第三部: 当需要传值的时候,在传值的组件中调用$bus上的自定义事件
      this.$bus.$emit("getHeader", this.message);
    },
  },
};
</script>

<style>
</style>
29.事件总线$bus